<template>
	<view class="my-city" @click="showCityPage">
		<text class="city-text">{{CityName}}</text>
		<uni-icon iconType="ali" type="e634" size="15"></uni-icon>
	</view>
</template>

<script>
	import {mapState as indexState} from 'vuex'
	import uniIcon from "@/components/uni-icon/uni-icon.vue"
	export default{
		name:"my-city",
		components:{uniIcon},
		computed:{
			...indexState(['CityName'])
		},
		methods:{
			showCityPage(){
				uni.navigateTo({
					url: '../../pages/ssSelectCity/ssSelectCity'
				});
			},
		}
	}
</script>

<style lang="scss">
	.my-city{
		padding: 20upx 0;
		.city-text{
			color: #f9bb1d;
		}
	}
</style>
